<ui:composition 
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
    
    
    <div style="text-align: center;">
        <h1>Productos relacionados</h1>
    </div>   
            
    <p:carousel id="carrCont"  value="#{catalogoBean.itemCatalogo.producto.relacionados}" var="s" numVisible="4">
       
    <div class="carrCont">
        
        <div class="carrFoto">
            <p:graphicImage style="width:120px; height:120px;"  value="#{aplicacionBean.parametro.pathImagenesProductos}/#{s.productoRelacionado.imgchi}.jpg" />
        </div>
            
        <div class="carrCod"><h:outputText value="#{s.productoRelacionado.codigo}" /></div>
        
        <div class="carrDesc"><h:outputText value="#{s.productoRelacionado.descrp}" /></div>
        
        <div class="carBot">
        <p:commandButton 
                id="btnSeleccionar"
                icon="btnMasInfoI" styleClass="btnMasInfo"
                action="#{catalogoBean.generarItemCatalogo(s.productoRelacionado)}"
                process="@this"                
                update="@form"
                title="Seleccionar producto" >
        </p:commandButton>
        </div>
        
        
     </div>

    </p:carousel>
        


    
    
</ui:composition>
